<template>
	<div class="home" ref="home">
		<div class="home-wrapper">
			<v-banner />
      <v-classify />
			<v-suggest />
			<v-hot />
		</div>
	</div>
</template>

<script>
import { mapState, mapMutations } from 'vuex'
import banner from './banner/banner'
import suggest from './show/suggest'
import hot from './show/hot'
import VClassify from './Classify/Classify'
import BScroll from 'better-scroll'
export default {
	name: 'home',
	data() {
		return {
			scroll: {},
		}
	},

	components: {
		'v-banner': banner,
		'v-suggest': suggest,
		'v-hot': hot,
    VClassify,
	},

	computed: {},

	methods: {},

	mounted() {},

	created() {
		this.$nextTick(() => {
			if (this.scroll) {
				this.scroll = new BScroll(this.$refs.home, {
					click: true,
				})
			} else {
				this.scroll.refresh()
			}
		})
	},
}
</script>
